<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = request.getContextPath();%>
<html>
<head>
    <title>Title</title>
    <script>
        $(function (){
            $('#testfile').fileinput({
                language: 'zh',    							//汉化
                uploadUrl: '<%=path%>/player/upload',		//上传地址
                maxFileCount : 1,							//最大上传个数
                enctype : "multipart/form-data",			//预览
                maxFileSize : 10240,						//设置上传文件的大小
                allowedFileExtensions : ["gif", "jpeg", "jpg", "bmp", "png"],//限制上传类型
                browseClass: 'btn btn-primary',
                ErrMsg: "文件错误,图片类型必须是(gif,jpeg,jpg,bmp,png)中的一种",
                //下面几个就是初始化预览图片的配置
                initialPreviewAsData: true,//是否初始预览图片
                initialPreviewFileType: 'image',//回显文件类型（初始预览文件类型）
                initialPreview: "${game.gameImg}",
            });

            //获取阿里云传回来的值
            $("#testfile").on("fileuploaded", function(event, data, previewId, index){
                var imgUrl = data.response.data;
                $("#gameImg").val(imgUrl);
            })
        })
    </script>
</head>
<body>
    <form role="form" id="tc_update_form">
        <input type="hidden" name="gameId" value="${game.gameId}">
      <div class="form-group">
        <label for="gameName">游戏名:</label>
        <input type="text" class="form-control" id="gameName" name="gameName" placeholder="游戏名" value="${game.gameName}">
      </div>

        <div class="form-group">
        <label for="gameUnit">游戏单位:</label>
        <input type="text" class="form-control" id="gameUnit" name="gameUnit" placeholder="游戏单位" value="${game.gameUnit}">
      </div>

        <div class="form-group">
        <label for="gameDescribe">游戏描述:</label>
        <input type="text" class="form-control" id="gameDescribe" name="gameDescribe" placeholder="游戏描述" value="${game.gameDescribe}">
      </div>

        <div class="form-group" style="width:300px;height:300px">
            <label for="testfile">游戏图片:</label>
            <input type="file" id="testfile" name="image" multiple />
            <input type="hidden" name="gameImg" id="gameImg" value="${game.gameImg}">
        </div>
    </form>
</body>
</html>
